<template>
  <div class="item">
    <img src="/src/assets/img/muc-img.png" alt="" />
    <p>{{ c }}</p>
  </div>
</template>

<script setup>
const $props = defineProps({
  c: {
    type: Number,
    required: true,
  },
});
</script>

<style lang="scss" scoped>
.item {
  padding: 15px;
  &:nth-child(odd){
    border:1px solid red;
  }
  &:nth-child(even){
    border:1px solid green;
  }
  img {
    width: 100%;
  }
}
</style>
